page{
  padding-bottom: 90rpx;
  background-color: #F7F7F7;
}
.cart_content{
  position: relative;
  .cart_main{
    position: absolute;
    width: 90%;
    left: 50%;
    transform: translateX(-50%);
    top:30rpx;
    .cart_pickway_wrap{
      background-color: #fff;
      border-radius: 15rpx;
      padding: 30rpx;
      display: flex;
      .pickway_main{
        width: 100%;
        .pickway_item{
          .pickway_row{
            padding: 10rpx 0;
            display: flex;
            justify-content: space-between;
          }
        }
      }
    }
    .cart_item_wrap{
      background-color: #fff;
      border-radius: 15rpx;
      margin-top: 20rpx;
      padding:10rpx;
      .cart_item{
        display: flex;
        padding: 10rpx;
        .cart_img_wrap{
          flex: 2;
          display: flex;
          justify-content: center;
          align-items: center;
          image{
            width: 80%;
          }
        }
        .cart_info_wrap{
          flex: 4;
          display: flex;
          flex-direction: column;/* flex主轴方向改为上下 */
          justify-content: space-around;/* 空白环绕 */
          .product_name{
            display: --webkit-box;
            overflow: hidden;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            color: #666;
            font-size: 30rpx;
          }
          .product_price_wrap{
            display: flex;
            justify-content: space-between;
            .product_price{
              color: var(--themeColor);
              font-size: 34rpx;
            }
            .cart_num_tool{
              display: flex;
              .num{
                width: 55rpx;
                height: 55rpx;
                display: flex;
                justify-content: center;
                align-items: center;
              }
            }
          }
        }
      }
    }

    .cart_order_wrap{
      background-color: #fff;
      border-radius: 15rpx;
      padding: 30rpx;
      display: flex;
      margin-top: 20rpx;
      .order_content{
        width: 100%;
        .order_title{
          font-weight: 600;
          width: 100%;
          padding-bottom: 20rpx;
        }
        .order_row{
          padding: 10rpx 0;
          display: flex;
          justify-content: space-between;
        }
      }
    }

  }
}

.footer_tool{
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100rpx;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  border-top: 1rpx solid var(--themeColor);
  .total_price_wrap{
    flex: 4;
    margin: auto 0;
    padding-left: 20rpx;
    .total_price{

    }
    .total_price_text{
      color: var(--themeColor);
      font-size: 34rpx;
      font-weight: 600;
    }
  }
  .order_pay_wrap{
    flex: 2;
    background-color: var(--themeColor);
    color: #fff;
    font-size: 32rpx;
    
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50rpx;
    height: 80rpx;
    margin: auto 20rpx;
  }
}

.hide_pay_mask{
  width: 100%;
  height: 100%;
  position: fixed;
  top:0;
  left: 0;
  z-index: 1000;
  background: #000;
  opacity: 0.5;
  overflow: hidden;
}
.hide_pay_box{
  width: 100%;
  overflow: hidden;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1001;
  background: #fff;
  .hide_pay_content{
    height: 600rpx;
    overflow-y:scroll;
    .hide_pay_title{
      font-weight: 500;
      padding:25rpx;
      font-size: 36rpx;
      color: #000;
      border-bottom: 1rpx solid #cccccc;
      text-align: center;
    }
    .hide_pay_title2{
      font-size: 35rpx;
      color: #000;
      display: flex;
      justify-content: center;
      align-items: center;
      padding-top: 50rpx;
    }
    .hide_pay_price{
      display: flex;
      justify-content: center;
      align-items: center;
      padding-top: 10rpx;
      .hide_pay_price1{
        font-weight: 700;
        font-size: 50rpx;
        color: #000;
      }
      .hide_pay_price2{
        font-weight: 700;
        font-size: 70rpx;
        color: #000;
      }
    }
    .hide_pay_buttom{
      position: fixed;
      bottom: 30rpx;
      left: 0;
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      .hide_pay{
        height: 90rpx;
        width: 90%;
        padding: 10rpx;
        background-color: #07c160;
        border-radius: 5rpx;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        font-size: 32rpx;
      }
    }
  }
}